<template>
  <el-card>
    <el-tabs v-model="activeName" class="demo-tabs">
      <el-tab-pane label="首页" name="home">
        <workflowDefinitions v-if="activeName === 'home'"></workflowDefinitions>
      </el-tab-pane>
      <el-tab-pane label="待处理" name="unaudit">
        <WorkflowAuditList :auditedMark="false" v-if="activeName === 'unaudit'"/>
      </el-tab-pane>
      <el-tab-pane label="已处理" name="audited">
        <WorkflowAuditList :auditedMark="true" v-if="activeName === 'audited'"/>
      </el-tab-pane>
      <el-tab-pane label="已发起" name="apply">
        <MyWorkflow v-if="activeName === 'apply'"/>
      </el-tab-pane>
    </el-tabs>
  </el-card>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import workflowDefinitions from './workflow-definition.vue';
import MyWorkflow from './my-workflow.vue';
import WorkflowAuditList from './workflow-audit-list.vue';
// 选项卡切换标识
const activeName = ref('home');
</script>
